<template>
    <div class="not-found">
        <el-row justify="center" align="middle">
            <el-col :sm="12" :lg="6">
                <el-result icon="warning" title="抱歉" sub-title="无此页面">
                    <template #extra>
                        <el-button type="primary" @click="$router.replace('/')">
                            返回首页
                        </el-button>
                    </template>
                </el-result>
            </el-col>
        </el-row>
    </div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
const $router = useRouter()
</script>

<style lang="less" scoped>
.not-found {
    height: 100vh;
    .el-row {
        padding-top: 100px;
    }
}
</style>
